<template>
	<div class="addMatter">
		<search></search>
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p class="title">
						<span>产品名称</span>
						<span class="value">CBLE,2C,18AW</span>
					</p>
					<p>
						<span class="titleItem">产品编号</span>
						<span>214354657687</span>
					</p>
					<p>
						<span class="titleItem">产品规格</span>
						<span>null</span>
					</p>
					<p>
						<span class="titleItem">产品单位</span>
						<span>包</span>
					</p>
				</div>
			</div>
		</div>
		<div class="mui-card">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
					<p class="title">
						<span>产品名称</span>
						<span class="value">CBLE,2C,18AW</span>
					</p>
					<p>
						<span class="titleItem">产品编号</span>
						<span>214354657687</span>
					</p>
					<p>
						<span class="titleItem">产品规格</span>
						<span>null</span>
					</p>
					<p>
						<span class="titleItem">产品单位</span>
						<span>包</span>
					</p>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import search from '../subcomponents/search.vue'
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			
		},
		components:{search}
	}
</script>

<style scoped="scoped">
	.mui-card p{
		display: flex;
		justify-content: space-between;
	}
	.title{
		font-size: 16px;
		padding-bottom: 20px;
		border-bottom: 1px solid #EEEEEE;
		color: #2C3E50;
		margin-bottom: 19px;
	}
	.value{
		font-size: 19px;
	}
	.mui-card{
		box-shadow:0px 6px 8px #cdcdcd;
		margin-top: 20px;
	}
	.titleItem{
		color: #2C3E50;
	}
</style>
